<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <link rel="stylesheet" href="/easyui/themes/icon.css"/>
        <link rel="stylesheet" href="/easyui/themes/default/easyui.css" />
        <link rel="stylesheet" href="/css/public.css" />
        <link rel="stylesheet" href="/css/potency/fruit_list.css" />
        <title>潜能管理-潜能果列表</title>
        <script type="text/javascript" src="/js/jquery.min.js"></script>
        <script type="text/javascript" src="/easyui/jquery.easyui.min.js"></script>
        <script type="text/javascript" src="/easyui/easyui-lang-zh_CN.js"></script>
    </head>

    <body>
        <form id="search_form">
            <table>
                <tr>
                    <td><input id="role_id" /></td>

                    <td><a id="search">搜索</a></td>
                    <td><a id="clear">清空</a></td>
                </tr>
            </table>
        </form>

        <div id="potency_dialog" style="display:none;">
            <form id="potency_form">
                <input type="hidden" id="id" name="id" />

                <table style="border-spacing:10px;">
                    <tr>
                        <td>属性</td>
                        <td><input id="propertyId" name="propertyId" /></td>

                        <td>位置</td>
                        <td><input id="location" name="location" /></td>
                    </tr>

                    <tr>
                        <td>角色</td>

                        <td colspan="3">
                            <input id="roleId" name="roleId" />
                        </td>
                    </tr>
                </table>
            </form>
        </div>

        <div id="detail_dialog" style="display:none;">
            <div class="easyui-layout" style="width:880px;height:480px;">
                <div data-options="region:'west',split:false" style="width:180px;">
                    <div id="role_list"></div>
                </div>

                <div data-options="region:'center',split:false" style="width:200px;">
                    <div class="center" style="margin:5px;">
                        <input id="potency_schema" />
                    </div>

                    <div style="width:198px;height:438px;">
                        <div id="tabs">
                            <div title="属性加成">
                                <div style="margin:5px;width:186px;height:389px;">
                                    <div id="additive_properties"></div>
                                </div>
                            </div>

                            <div title="四时天象">
                                <div style="margin:5px; width:186px; height:389px;">
                                    <div id="potency_patterns"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div data-options="region:'east',split:false">
                    <div class="potency_fruit">
                        <div id="potency_fruit">
                            <!-- 潜能果展示 -->
                        </div>
                    </div>

                    <div style="margin: 5px;">
                        <div style="float: left;">
                            <div id="current_exp"></div>
                        </div>

                        <div style="float: right;">
                            <button type="button" id="exchange">兑换</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div id="fruilt_detail" style="display:none;">
            <div style="margin:5px;">
                <table style="border-spacing:1px;">
                    <tr>
                        <td rowspan=3>
                            <div style="border: 1px white solid;">
                                <img id="fruit_image" src="/property/6009.png" />
                            </div>
                        </td>

                        <td>
                            <div id="fruit_name">力量属性点</div>

                            <div class="yellow" style="font-size:12px;">
                                类型：潜能果
                            </div>

                            <div class="yellow" style="font-size:12px;">
                                功能：提升人物属性点
                            </div>
                        </td>
                    </tr>
                </table>

                <div class="property_name">
                    &emsp;<span id="property_name">力量</span>&ensp;+1
                </div><br />

                <input type="hidden" class="splitter" />

                <div>
                    <a id="more">&emsp;更多&emsp;</a>
                    <button type="button" id="move">移动位置</button>
                </div>
            </div>
        </div>

        <div id="more-menu">
            <div id="change">更换属性</div>
            <div id="return">返还经验</div>
        </div>

        <div id="right-menu"></div>

        <div id="change_dialog" style="display:none;">
            <div style="margin:5px;">
                <table style="border-spacing: 10px;color: white;">
                    <tr>
                        <td>当前属性</td>
                        <td><img id="property_image" /></td>
                        <td><span id="fruilt_property">力量</span>&ensp;+1</td>
                    </tr>

                    <tr>
                        <td>目标属性</td>

                        <td colspan="2">
                            <input id="target_property" />
                        </td>
                    </tr>

                    <tr>
                        <td>消耗物品</td>

                        <td colspan="2">
                            <div id="human_fruit">
                                <img src="/prop/6043.png" />
                                <span>0/1</span>
                            </div>
                        </td>
                    </tr>
                </table>

                <input type="hidden" class="splitter" />

                <button type="button" id="cancel">取消</button>
                <button type="button" id="renewal">更换</button>
            </div>
        </div>

        <div id="return_dialog" style="display:none;">
            <div style="margin:5px;">
                <table style="border-spacing:10px;color:white;">
                    <tr>
                        <td>退还潜能果</td>

                        <td>
                            <div style="width:150px;height:50px;position:relative;border:1px yellow solid;">
                                <img id="return_property_image" src="/property/6009.png" />

                                <span class="return_property">
                                    <span id="return_property">力量</span>潜能果
                                </span>
                            </div>
                        </td>
                    </tr>

                    <tr>
                        <td>退还后数量</td>

                        <td>
                            <span id="orign_count">50</span>
                            =>
                            <span id="target_count">49</span>
                        </td>
                    </tr>

                    <tr>
                        <td>返回经验值</td>
                        <td>
                            <span id="return_exp">520,000,000</span>
                        </td>
                    </tr>

                    <tr>
                        <td>需要银币数</td>
                        <td>
                            <span id="need_silver">5,200,000</span>
                        </td>
                    </tr>

                    <tr>
                        <td>拥有银币数</td>
                        <td>
                            <span id="have_silver">2,324,991</span>
                        </td>
                    </tr>
                </table>

                <table>
                    <tr>
                        <td rowspan="2">
                            <a id="help"></a>
                        </td>
                        <td style="font-size: 11px;">当人物等级达到了服务器限制等级后，将无</td>
                    </tr>

                    <tr>
                        <td style="font-size: 11px;">法使用该功能</td>
                    </tr>
                </table>

                <div>
                    <a id="return_cancel">取消</a>
                    <a id="return_confirm">确认返还</a>
                </div>
            </div>
        </div>

        <table id="potency_list"></table>
    </body>

    <script type="text/javascript" src="/js/public.js"></script>
    <script type="text/javascript" src="/js/ajaxUtils.js"></script>
    <script type="text/javascript" src="/js/potency/fruit_list.js"></script>
</html>